<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>Happy Birthday</title>
  <link rel="stylesheet" href="../css/jquery.fullPage.css">
  <script src="../js/jquery-1.8.3.min.js"></script>
  <link rel="stylesheet" href="../css/style.css">
  

</head>



<body>
  <div class="bgcolor">
    <div style="z-index:100;" id="dowebok">
      <!--第一屏-->
      <div class="section">
        <div class="ly-box01">
          <div class="ly-txt01">
            <p class="ly-stxt01">愿你能精致到老，眼里</p>
            <p class="ly-stxt02">长着太阳，笑里全是坦荡。</p>
            <p class="ly-stxt03">阳光下永远像个孩子，风雨里</p>
            <p class="ly-stxt04">像个大人，无畏亦无惧。</p>
            <!-- ，在认清 -->
            <p class="ly-stxt05">你若不伤，岁月无恙。</p>
            <!-- <p class="ly-stxt05">生活的真相后，更加热爱它吧！</p> -->
          </div>
          <div class="ly-txt02">
            <p class="ly-stxt06">我不是在最好的时光</p>
            <p class="ly-stxt07">遇见了你，而是遇见了你</p>
            <p class="ly-stxt08">才开始了我这段最好的时光。</p>
            <p class="ly-stxt09">承蒙时光不弃，感谢相遇。</p>
            <p class="ly-stxt10">祝你：往下拉！</p>
          </div>
        </div>
      </div>

      <!--第二屏-->
      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box11">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt12">

          </div>
          <div class="ly-imgbox11" style="height:80%">
            <img class="ly-img11" src="../img/zt.jpg" style="height:100%;width: 100%">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box12">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt14">
            <p>心心复心心，结爱务在深。</p>
            <p>任凭弱水三千，我只取一瓢饮。</p>
            <p>夕阳一点如红豆，已把相思写满天。</p>
            <p>只愿君心似我心，定不负相思意</p>
            <p>相怜相念倍相亲，一生一代一双人。</p>
          </div>
          <div class="ly-imgbox11" style="height:50%">
            <img class="ly-img11" src="../img/di54.png" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle12"></div>

      </div>

      <!--第二屏1-->
      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box11">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt12">

          </div>
          <div class="ly-imgbox11" style="height:80%">
            <img class="ly-img11" src="../img/5.jpg" style="height:80%;height: 98%">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box12">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>

          <div class="ly-txt14">
            <p>写给我笨笨的走路都能磕倒的姑娘</p>
            <p> 感谢上苍在今天给了我一个特别的礼物，</p>
            <p>就是你。</p>
            <p>长长的人生旅程，有你相伴是我一生的幸福.</p>
            <p>亲爱的，我好想你！</p>
          </div>
<!--          <div class="ly-imgbox11" style="height:50%">-->
<!--            <img class="ly-img11" src="../img/we.jpg" style="height:100%;width: 100%">-->
<!--          </div>-->
        </div>
        <div class="ly-triangle12"></div>

      </div>

      <!--第三屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint21"></div>
        <div class="ly-box21">
          <div class="ly-txt21" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">
          </div>
          <div class="ly-txt22" style="left:20%;font-size: 45px">
            <p>最好的爱情是双向奔赴的爱情，你爱我，我正好也爱你，我们都愿意为了彼此停留在这里，不辜负彼此的相思情意</p>
            <p>黄昏时的天空，夕阳一点宛如一颗红豆，散发出来的光芒已经把相思散下整个天空。</p>
          </div>
          <div class="ly-imgbox21">
            <img class="ly-img21" src="../img/2.jpg">
          </div>
        </div>
        <div class="ly-triangle21"></div>

        <div class="ly-box22">
          <div class="ly-txt23" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">
          </div>
          <div class="ly-txt24">
            <p>没有遇到你之前，不知相思为何物，自从一遇到你，从此就陷入了相思。</p>
            <p>我是星星，你是月亮，我们在每一个夜晚相依相随，不离不弃。</p>
            <p>我的纸上密密麻麻，全是关于你的信息，那里藏着我对你无限的爱意。</p>
            <p>我要与你相知相守、相亲相爱，一直到生命的尽头。</p>
          </div>
          <div class="ly-imgbox22">
            <img class="ly-img22" src="../img/3.jpg" style="height: 75%">
          </div>
        </div>
        <div class="ly-triangle22"></div>

        <div class="ly-box23">
          <div class="ly-txt25" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt26">
            <p>感谢老天终于看到我的心愿，才让我在茫茫人海之中遇见了你。</p>
            <p>我愿做行走在远方的野兽，与你步步相随，我愿做深山之中的林木，枝枝叶叶与你缠绕在一起。</p>
            <p>我很想你，看天的时候想你，看云的时候也想你，走路的时候想你，坐下的时候也想你。</p>
          </div>
          <div class="ly-imgbox23" style="height: 70%">
            <img class="ly-img23" src="../img/4.jpg" style="height: 100%;width: 100%;">
          </div>
        </div>
        <div class="ly-triangle23"></div>
      </div>

      <!--第四屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint31"></div>
        <div class="ly-box31">
          <div class="ly-txt31" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt32">
            <p>就算没有灯光，就算没有月色，只要我们两情相悦，就赛过了世间一切。</p>
            <p>不在你左右，却被你左右</p>
            <p>我心匪石 不可转也 我心匪席 不可卷也</p>
            <p>现在我什么我都不要，我只要你的心足以。🌈</p>
          </div>
          <div class="ly-imgbox31" style="height:50%">
            <img class="ly-img31" src="../img/di22.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle31"></div>

        <div class="ly-box32">
          <div class="ly-txt33" style="width:100%;height:15%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt34">
            <p>今晚的星星只有二十三颗，我是说，当你数到第二十三颗就把眼睛闭上，你会看到我为你点亮的蜡烛。亲爱的，陪你去天边，经历过久久磨难，放眼天下信念不会变。</p>
          </div>
          <div class="ly-imgbox31">
            <img class="ly-img31" src="../img/5.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle32"></div>
      </div>
      <!--第四屏-1-->
      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint31"></div>
        <div class="ly-box31">
          <div class="ly-txt31" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt32">

            <p>有美人兮，见之不忘，一日不见兮，思之如狂。</p>
            <p>入我相思门，知我相思苦，长相思兮长相忆，短相思兮无穷极。</p>
            <p>天不老，情难绝。心似双丝网，中有千千结。</p>
            <p>自君之出矣，明镜暗不治。思君如流水，何有穷已时。🌈</p>
          </div>
          <div class="ly-imgbox31" style="height:50%">
            <img class="ly-img31" src="../img/7.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle31"></div>

        <div class="ly-box32">
          <div class="ly-txt33" style="width:100%;height:15%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt34">
            <p>兽炉沈水烟，翠沼残花片，一行行写入相思传。 </p>
          </div>
          <div class="ly-imgbox31">
            <img class="ly-img31" src="../img/8.jpg" style="height:100%;width: 100%">
          </div>
        </div>
        <div class="ly-triangle32"></div>
      </div>




    </div>
    <!--试验-->
    <ul class="bg-bubbles">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
    <!-- <ul class="bg-bubbles">
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
      <li><img src="../img/timg.gif" style="width:100%;height:100%"></li>
    </ul> -->

  </div>
  <audio src="../music/1.mp3" autoplay="autoplay" loop="loop">

    <script src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/jquery.fullPage.min.js"></script>
    <script src="../js/diy.js"></script>
</body>

</html>
